<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>

<h:body>
	<ui:composition template="/XHTML/CommonColumnsContent.xhtml">
		<!-- <ui:define name="header">
			<ui:include src="/WEB-INF/facelets/header.jspx" />
		</ui:define> -->
		<br />
		<br />

		<ui:define name="body">
			<f:view>
			<!-- 	<p:ajaxStatus onstart="statusDialog.show();"
					onsuccess="statusDialog.hide();" />
				<p:dialog modal="true" widgetVar="statusDialog" header="Loading"
					draggable="false" closable="false">
					<p:graphicImage
						value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/ajaxloadingbar.gif" />
				</p:dialog> -->

				<h:form>
			<!-- 		<div align="center">
						<h:link id="cmdBack" outcome="goInitialMenu" value="Back"
							style="color:blue;" />
					</div> -->
					<br />
					
					
					<p:panel id="panelTDiv" header="Tipo División"
					style = "text-align: center;">
					
		
						<!-- <p:messages id="msg" showDetail="true" />
						<p:growl id="men" /> -->
						<h:panelGrid>
						<p:dataTable id="tipDiv" value="#{tipoDivisionView.data}"
						var = "tipoDivision" selection ="#{tipoDivisionView.selectedTipoDivision}"
						paginator = "true" rows = "10">
						
						<p:column headerText = "ID Tipo División">
						<h:outputText value = "#{tipoDivisionView.txtIdTidi}"/>
						
						</p:column>
						
						<p:column headerText = "Nombre">
						<h:outputText value = "#{tipoDivisionView.txtNombre}"/>
						
						</p:column>
						
						<p:column headerText = "ID Tipo División">
						<h:outputText value = "#{tipoDivisionView.txtEstadoRegistro}"/>
						
						</p:column>
						
						
						</p:dataTable>
						
						<p:dialog id="dialog" header = " Tipo División"
						widgetVar = "singleDialog" resizable = "false"
						showEffect = " fade"  hideEffect = " explode">
						
						
						
						<h:panelGrid columns="2" id="panel">
							<h:outputText id="msgIdTidi" value="ID Tipo División" />
							<p:inputText id="txtIdTidi"
								binding="#{tipoDivisionView.txtIdTidi}">
								<p:ajax update="panel,msg,panelBotones"
									listener="#{tipoDivisionView.listener_txtId}" />
							</p:inputText>

							<h:outputText id="msgNombre" value=" Nombre" />
							<p:inputText id="txtNombre" disabled="true"
								binding="#{tipoDivisionView.txtNombre}" />

							<h:outputText id="msgEstadoRegistro" value=" EstadoRegistro" />
							<p:selectOneMenu value="#{tipoDivisionView.txtEstadoRegistro}">
								<f:selectItem itemLabel="A" itemValue="A" />
								 <f:selectItem itemLabel="R" itemValue="R" /> 
							</p:selectOneMenu>
								
								



							<!-- <h:outputText id="msgOperCreador" value=" OperCreador"/>
						<p:inputText id="txtOperCreador" disabled="true" binding="#{tipoDivisionView.txtOperCreador}"/>
												<h:outputText id="msgOperModifica" value=" OperModifica"/>
						<p:inputText id="txtOperModifica" disabled="true" binding="#{tipoDivisionView.txtOperModifica}"/>
												
																				<h:outputText id="msgFechaCreacion" value=" FechaCreacion"/>
														<p:calendar showOn="button" navigator="true" locale="en" 
							binding="#{tipoDivisionView.txtFechaCreacion}" >
							<p:ajax event="dateSelect" listener="#{tipoDivisionView.listener_txtFechaCreacion}" update="men" />
							</p:calendar>
														<h:outputText id="msgFechaModificacion" value=" FechaModificacion"/>
														<p:calendar showOn="button" navigator="true" locale="en" 
							binding="#{tipoDivisionView.txtFechaModificacion}" >
							<p:ajax event="dateSelect" listener="#{tipoDivisionView.listener_txtFechaModificacion}" update="men" />
							</p:calendar>
																			 -->
						</h:panelGrid>

						<h:panelGrid id="panelBotones" columns="4">

							<p:commandButton id="btnSave" disabled="true" value="Save"
								action="#{tipoDivisionView.action_save}"
								update="msg,panel,panelBotones"
								binding="#{tipoDivisionView.btnSave}" />
							<p:commandButton id="btnModify" disabled="true" value="Modify"
								action="#{tipoDivisionView.action_modify}"
								update="msg,panel,panelBotones"
								binding="#{tipoDivisionView.btnModify}" />
							<p:commandButton id="btnDelete" disabled="true" value="Delete"
								action="#{tipoDivisionView.action_delete}"
								update="msg,panel,panelBotones"
								binding="#{tipoDivisionView.btnDelete}"
								onclick="return confirm('Do you really want to delete this Entry?')" />
							<p:commandButton id="btnClear" disabled="false" value="Clear"
								action="#{tipoDivisionView.action_clear}"
								update="msg,panel,panelBotones"
								binding="#{tipoDivisionView.btnClear}" />

						</h:panelGrid>
						
						</p:dialog>
						
						</h:panelGrid>

					</p:panel>

				</h:form>
			</f:view>
		</ui:define>

		<ui:define name="footer">
			<ui:include src="/WEB-INF/facelets/footer.jspx" />
		</ui:define>
	</ui:composition>

</h:body>

</html>
